<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <title>Facelet Title</title>
        <link href="resources/css/default.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            addTab = function(){
                
                alert("add Tab")
            }
        </script> 
    </h:head>
    <h:body style="font-size: 10px;border-spacing: 0;margin: 0;">
        <f:view>
            
            <style type="text/css">
.footer .ui-layout-unit-content {
   background-color: red !important;
}

.content .ui-layout-container{
overflow: auto !important;


}


</style>
            <h:form>
            <p:accordionPanel id="menuPanel" value="#{menBean.menus}" var="menu"  >
                <p:tab id="tab_menu" title="#{menu.title}"  >
                        <p:dataList value="#{menu.list}" var="list" styleClass="menu_style" >  
                                <p:column>  
                                        <p:commandLink title="#{list.id}" value="#{list.name}" actionListener="#{menBean.processAction}" >  
                                                <h:outputText value="#{list.name}" />
                                        </p:commandLink>  
                                </p:column>  
                        </p:dataList>
                </p:tab>
        </p:accordionPanel> 
            </h:form>
        <!--p:layout fullPage="true">
            <p:layoutUnit position="center" styleClass="content">  
                <h:form id="frmMainMenu" >   
                <p:tabView id="tabViewMenu">
                        <p:tab title="loanprod" closable="true">  
                            <ui:include src="loan/loanprod.xhtml" /> 
                        </p:tab>   
                    
                        <p:tab title="loan" closable="true">  
                            <ui:include src="loan/loan.xhtml" /> 
                        </p:tab>   
                    
                        <p:tab title="edu" closable="true">  
                            <ui:include src="master/education.xhtml" /> 
                        </p:tab>   
                        <p:tab title="educ" closable="true">  
                            <ui:include src="saving/savdepo.xhtml" /> 
                        </p:tab>   
                   
                </p:tabView>
                    </h:form>    
            </p:layoutUnit>  
        </p:layout-->
        
</f:view>         
       
    </h:body>
    
    
</html>

